﻿body {
	margin:0px;
	height:100%;
	padding: 0px;
	background-color :#FBFBFB;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size :11px
}

/* -------------------
----- ESTRUCTURA -----*/

#container {
	margin: 0px auto 0px auto;
	width: 712px;
	position: relative;
    padding: 0px;
	border: 1px solid #999;
	position:relative; 
	background-color: #FFF;
	overflow :auto 
}

#encabezado 
{	
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0 0 0 0; 
}
#mainContent 
{
	border:none; 
	padding: 0px;
	width: 712px;
	min-height: 410px;
	}
#footer {
	float:left;
	width: 712px;
    background-color: #FFFFFF; 
    margin: 0px; 
    border-top: 1px solid #999;
    padding : 0;
    color:#000;
}
#footer p {color:#000;text-align: center;}
#footer p a {color:#000; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}


table.TablaAuto{border-collapse:collapse;}
table.TablaAuto td
{
	padding: 0;
	margin: 0;
	border: none;
}

.right{float:right;}
.left{float:left;}
.clearer{clear:both;}
.alCenter{text-align: center;}
.alRight{text-align: right;}
.ingles
{
	color: #1B5990;
}
.texto9
{
	font-size :9px;
}
.texto10
{
	font-size :10px;
}
.texto11
{
	font-size :11px
}
.texto12
{
	font-size :12px
}
.texto13
{
	font-size :13px
}
.VistaWeb{display:none;}
.VistaPrint{}

label 
{
	padding : 5px 0 0 0;
}

ul,ol { list-style:none }

h3,h4,h5,h6,pre,code { font-size:11px; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
h1{
	font-size: 14px;
}
h2{
	border-bottom: 1px solid #000;
	font-size: 12px;
}

.warning
{
	color: #993300;
	font-size: 10px; 
}

#boxExterna {
    border: none;
    margin: 0;
    background: #fff;
    padding :0;
}
#boxExterna #Contenido { min-height: 400px;width: 712px; padding :0 ; margin :0;}

#boxExterna #Contenido div.TituloForm 
 {
 	clear :left;
 	width: 712px;
 	padding :15px 0 10px 0;
	font-size: 22px;
	text-align: center;
	background: #fff;
	font-weight: bold;
}
#boxExterna #Contenido div.TituloForm2
 {
 	width: 712px;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #999;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
#boxExterna #Contenido div.SubtituloForm{
	float: left ;
	font-size: 12px;
	padding :15px 8px 5px 0;
	color: #993300;
	font-weight :bold ;
}
#boxExterna #Contenido div.TituloFormJustify
 {
 	width: 652px;
	padding: 5px 20px 0 30px;
	text-align:justify;
	clear :left ;
	float :left ;
}
#boxExterna #Contenido div.TituloFormJustify2
 {
 	width: 662px;
	padding: 5px 20px 0  20px;
	text-align:justify;
	clear :left ;
	float :left ;
}
#boxExterna #Contenido div.TituloFormCenter
 {
 	clear :left;
 	width: 652px;
	padding: 5px 20px 0 30px;
	text-align:center;
	clear :left ;
	float :left ;
}
.DivTexto01
{
	text-align :center; width :660px; margin : 0 auto 0 auto;
}

.DivTexto02
{
	padding :0 0 5px 0;text-align :center; width :660px;
}

#boxExterna #Contenido div.AlertaForm {
	color: #993300;	
	font-size: 13px;
}
#boxExterna #Contenido div.EtiquetaForm {
	width: 285px;
	float: left;
	clear: left;
	padding: 10px 10px 3px 0;
	border-bottom : dotted 1px #ccc;
	text-align :right ;
	height :15px;
	
}
#boxExterna #Contenido div.CampoForm {
	width:357px;
	padding:7px 0 3px 0;
	float:left;
	border-bottom:dotted 1px #ccc;
	height :18px;
}
#boxExterna #Contenido div.CampoForm label  
{
	padding : 0 10px 0 6px;
	}
#boxExterna #Contenido div.EtiquetaForm2 {
	width: 285px;
	float: left;
	clear: left;
	padding: 10px 10px 0 0;
	border-bottom : dotted 1px #ccc;
	text-align :right ;
	height :16px;
	
}
#boxExterna #Contenido div.CampoForm2 {
	width:357px;
	padding: 10px 0 0 0;
	float: left;
	border-bottom : dotted 1px #ccc;
	height :16px;
}
#boxExterna #Contenido div.LineaForm2 {
	width: 642px;
	float: left;
	clear: left;
	padding: 10px 10px 3px 0;
	border-bottom : dotted 1px #ccc;
	text-align :right ;
	
}
#boxExterna #Contenido div.EtiquetaForm3 {
	width: 285px;
	float: left;
	padding: 0 10px 0 0;
	border :none;
	text-align :right ;
}
#boxExterna #Contenido div.CampoForm3 {
	width:357px;
	padding: 0 0 0 0;
	float: left;
	border :none;
	text-align :left ;
}
#boxExterna #filtro .filtro{padding: 10px; border: 1px solid #ccc; font-size: 11px;}
#boxExterna #Contenido #filtro{padding: 10px; border: 1px solid #ccc; background: #eee; height: auto; overflow: auto;}                                     
#boxExterna #Contenido #filtro label {float:left; text-align: right; padding-right: 10px;
                                      padding-top: 3px;color: #000;}

#boxExterna #Contenido #filtro ol li {margin: 0 0 0 0; padding: 0 0 2px 0;}
#boxExterna #Contenido #filtro ol li {height: 21px;}

#boxExterna .filtro label {float: none; margin:0; font-size: 11px;}
#boxExterna .filtro ol {margin: 0 0 0 0; padding: 0 0 0 0;}
#boxExterna .filtro li {height: 23px;}
#boxExterna .filtro{padding: 5px; border: 1px solid #ccc; background:#EAF0F7;}                                     
#boxExterna .filtro label {float: left; text-align: right; padding-right: 0.7em; 
                           padding-top: 0.5em ;color: #000; font-size: 11px;}
                              
#boxExterna #EncabezadoFiltro {padding :6px;font-size: 11px; font-weight :bold;}
#boxExterna #EncabezadoFiltro {background:#fff;color: #000;}
#boxExterna .EncabezadoFiltro ol {padding: 5px 0 0 10px;list-style: none;}
#boxExterna #EncabezadoFiltro ol li label {padding-left :0.4em;}
#boxExterna .EncabezadoFiltro {border-bottom:1px solid #42618A;color: #000;font-size: 11px;
                                  font-weight :bold; height :19px;}      
#boxExterna .EncabezadoFiltro {background:#9ABADA; }

#EncabezadoFiltro .menuSubHeader {margin: 0; float: right;}
#EncabezadoFiltro .menuSubHeader li {display: inline; padding: 4px;}
#EncabezadoFiltro a:link {color:#000; font-size: 11px; font-weight: normal;}
#EncabezadoFiltro a:visited,#SubHeader a:active {color:#000; font-size: 11px; font-weight: normal;}
#SubHeader a:link {color:#000;font-size:11px; font-weight:normal;}
#SubHeader a:visited,#SubHeader a:active {color:#000;font-size:11px; font-weight:normal;}

#boxExterna table.GridViewColectivos {border: 0; font-size: 11px;}
#boxExterna table.GridViewColectivos td {text-align: left; border-collapse: collapse; border: 0;}
#boxExterna table.GridViewColectivos tr td {height: 20px;}

#boxExterna table.GridView .header {
    background: #eee; 
    color: #000; 
    height: 20px; 
    border: 0px; 
    border-bottom: 1px solid #999;
    padding : 2px 0 0 5px;
    font-size: 11px;
    font-weight :bold;
}

#boxExterna table.GridView {font-size:11px; border: 1px solid #999;}
#boxExterna table.GridView td {border-collapse: collapse; border: 0px;}
#boxExterna table.GridView th {
    background: #eee; 
    color: #000; 
    height: 20px; 
    border: 0px; 
    border-bottom: 1px solid #999;
    padding : 2px 0 0 5px;
    font-size: 11px;
    font-weight :bold;
}
#boxExterna table.GridView td {border-bottom: 1px solid #999;}
#boxExterna table.GridView tr td {height: 25px; padding : 0 0 0 5px;
     font-weight :normal;}
#boxExterna table.GridView tr.trImpar td {background: #fff;
     font-weight :normal;}
#boxExterna table.GridView tr.trResaltado td {background: #ddd; color: #000;}
#boxExterna table.GridView tr.trResaltado a {color: #000;}
#boxExterna table.GridView tr.FooterGridView {background: #eee; padding: 0;} 
#boxExterna table.GridView tr.FooterGridView td {height: 15px;} 

ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, div
{ margin:0; padding:0 }


input.submitLogin{
	color: #444444;
	border: 1px solid;
	border-color :#444444;
	background-color :#F99F38;  
	font-weight: normal ;
	width: auto;
	height : 20px;
	padding: 0 2px 0 2px;
}

input.submitLoginOver{
	color: #444444;
	border: 1px solid;  
	border-color :#444444;
	background-color :#E44F27; 
	font-weight: normal ;
	width: auto;
	height : 20px;
	padding: 0 2px 0 2px;
}
select 
{
	font-size: 11px;
}
select.grid
{
	font-size:11px;
	text-indent: 0;
	
}

/* MENU ADMINISTRADOR COLECTIVOS */
/*#encabezadoColectivo {background-color: #FF8000; margin: 0px; padding: 10px 15px 0 17px; height: 40px;}*/
#encabezadoColectivo {background-color: #FFFFFF; margin: 0px; padding: 10px 15px 0 17px; height: 40px;}
/*#encabezadoColectivo p {font-size: 16px; text-align: left; padding: 5px 0 0 10px; color: #FFFFFF;}*/
#encabezadoColectivo p {font-size: 16px; text-align: left; padding: 5px 0 0 10px; color: #000000;}

#encabezadoColectivo .Titulo
{
	padding-top: 4px;
	float: right;
	text-align: right;
	float: left;
	/*color: #FFFFFF;*/
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

#encabezadoColectivo .menuSuperior 
{
	padding-top : 4px;
	float: right;
	text-align: right;
	/*color: #FFFFFF;*/
	color: #000000;
}
#encabezadoColectivo .menuSuperior a {
	font-size: 10px;
	margin: 0 5px 0 5px;
	/*color: #FFFFFF;*/
	color: #000000;
	text-decoration: none;
}
#encabezadoColectivo .menuSuperior a:hover {
	color: #000000;
	text-decoration: underline;
}

#encabezadoColectivo .Nombre
{
	/*padding-top: 4px;*/
	clear: right;
	text-align: right;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px 0 5px;
}

/* MENU GESTOR PAQUETES */
#encabezadoGestorPaquetes{background-color :#FFFFFF;margin:0px;padding:  10px 15px 0 17px; height : 20px;} 
#encabezadoGestorPaquetes p{font-size:16px;text-align:left;padding: 5px 0  0 10px;color :#000;}

#encabezadoGestorPaquetes .Titulo
{
	padding-top: 4px;
	float: right;
	text-align: right;
	float: left;
	color: #3A5876;
	font-size: 14px;
	font-weight :bold ;
}

#encabezadoGestorPaquetes .menuSuperior 
{
	padding-top : 4px;
	float: right;
	text-align: right;
	color: #273C50;
}
#encabezadoGestorPaquetes .menuSuperior a {
	font-size: 10px;
	margin: 0 5px 0 5px;
	color: #666;
	text-decoration: none;
}
#encabezadoGestorPaquetes .menuSuperior a:hover {
	color: #333;
	text-decoration: underline;
}

#encabezadoGestorPaquetes .Nombre
{
	padding-top: 4px;
	float: right;
	text-align: right;
	float: left;
	color: #666;
	font-size: 11px;
	font-weight :bold ;
}

/* MENU PUESTO FOTO y SUPERVISOR */
#encabezadoPuestoFotoySupervisor {background-color :#FF8000;margin:0px;padding:  10px 15px 0 17px; height : 20px;} 
#encabezadoPuestoFotoySupervisor p{font-size:16px;text-align:left;padding: 5px 0  0 10px; color :#FFFFFF;}

#encabezadoPuestoFotoySupervisor .Titulo
{
	padding-top: 4px;
	float: right;
	text-align: right;
	float: left;
	/*color: #3A5876;*/
	color :#FFFFFF;
	font-size: 14px;
	font-weight :bold ;
}

#encabezadoPuestoFotoySupervisor .menuSuperior 
{
	padding-top : 4px;
	float: right;
	text-align: right;
	/*color: #273C50;*/
	color :#FFFFFF;
}
#encabezadoPuestoFotoySupervisor .menuSuperior a {
	font-size: 12px;
	margin: 0 5px 0 5px;
	/*color: #666;*/
	color :#FFFFFF;
	text-decoration: none;
}
#encabezadoPuestoFotoySupervisor .menuSuperior a:hover {
	/*color: #333;*/
	color:#000000;
	text-decoration: underline;
}

#encabezadoPuestoFotoySupervisor .Nombre
{
	padding-top: 4px;
	float: right;
	text-align: right;
	float: left;
	/*color: #666;*/
	color :#FFFFFF;
	font-size: 11px;
	font-weight :bold ;
}

/* PAGINACION */
.paginacion{margin-top: 5px;}
.paginacion span {color: #000; font-size: 11px;}
.Paginas {
	float: right;
	width: 400px;
	text-align: right;
}
.PaginasCorto {
	float: right;
	width: 210px;
	text-align: right;
}
.Registros {
	color: #ffffff;
	width: 150px;
}
.paginacion a {color: #000;}


.CustomTabStyle .ajax__tab_header {font-size:11px;background:url('../imagenes/Tabs/tab-line.gif') repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {padding-right:4px;background:url('../imagenes/Tabs/tab-right.gif') no-repeat right;height:21px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url('../imagenes/Tabs/tab-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:15px;padding:4px;margin:0;background:url('../imagenes/Tabs/tab.gif') repeat-x;cursor:pointer;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url('../imagenes/Tabs/tab-hover-right.gif') no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url('../imagenes/Tabs/tab-hover-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url('../imagenes/Tabs/tab-hover.gif') repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url('../imagenes/Tabs/tab-active-right.gif') no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url('../imagenes/Tabs/tab-active-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url('../imagenes/Tabs/tab-active.gif') repeat-x;}
.CustomTabStyle .ajax__tab_body {border:1px solid #999999;border-top:0;padding:8px;height:auto;overflow:auto;}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	width :auto;
}

.modalPopup
{
	background-color:#ebebeb;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width :auto;
}

#boxExterna #datosPaquete .datosPaquete{padding: 10px; border: 1px solid #0089C4; font-size: 11px;}
#boxExterna #Contenido #datosPaquete {padding: 10px; border: 1px solid #0089C4; width: 940px;}                                     
#boxExterna #Contenido #datosPaquete label {
    float: left; 
    text-align: right; 
    padding-right: 0.7em;
    padding-top: 0.5em;
    color: #000;
}                                       
#boxExterna #Contenido #datosPaquete ol li {margin: 0 0 0 0; padding: 0 0 2px 0;}  
#boxExterna #Contenido #datosPaquete ol li {height: 21px;}  
#boxExterna #Contenido #datosPaquete ol li label{font-size: 11px;} 

/*Hasta aquí validados*/
